<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <i class="el-icon-price-tag"></i>
        <span>详情</span>
        <el-button
          style="float: right; padding: 3px 0"
          type="text"
          @click="$router.push('/admin/talent')"
          
          >返回</el-button
        >
        <!-- <el-button style="float: right; padding: 3px 0" type="text"
          >编辑</el-button
        > -->
      </div>

      <!-- 表单 -->
      <el-form ref="form" :model="form" label-width="100px">
        <el-form-item label="姓名：">
          <!-- <el-input v-model="form.name" placeholder="输入姓名"></el-input> -->
          <span>{{form.name}}</span>
        </el-form-item>
        <el-form-item label="联系方式：">
          <!-- <el-input v-model="form.phone"></el-input> -->
          <span>{{form.contact}}</span>
        </el-form-item>
        <el-form-item label="应聘岗位：">
          <!-- <el-input v-model="form.school"></el-input> -->
          <span>{{form.position}}</span>
        </el-form-item>
        <el-form-item label="信息来源：">
          <!-- <el-select v-model="form.education" placeholder="本科">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select> -->
          <span>{{form.infoFrom}}</span>
        </el-form-item>
        <el-form-item label="面试反馈">
          <!-- <el-select v-model="form.position" placeholder="产品总监">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select> -->
          <span>{{form.feedback}}</span>
        </el-form-item>
        <el-form-item label="人员状态">
          <!-- <el-select v-model="form.infoFrom" placeholder="BOSS直聘">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select> -->
          <span>{{form.peopleStatus}}</span>
        </el-form-item>
        
      </el-form>

      
    </el-card>
  </div>
</template>

<script>
export default {
  props: ['id'],
  data() {
    return {
      form: {
        name: "",
        contact: "",
        school: "",
        education: "",
        position: "",
        infoFrom: "",
        email: "",
      },
      
    };
  },
  mounted(){
    // console.log(this.id);
    // console.log(this.$store.getters['talent/userInfo']);
    let ret = this.$store.getters['talent/userInfo'](this.id)
    // console.log(ret);
    this.form = ret[0]

  },
  methods: {
    // onSubmit() {
    //   console.log("submit!");
    // },
    // handleAvatarSuccess(res, file) {
    //   this.imageUrl = URL.createObjectURL(file.raw);
    // },
    // beforeAvatarUpload(file) {
    //   const isJPG = file.type === "image/jpeg";
    //   const isLt2M = file.size / 1024 / 1024 < 2;

    //   if (!isJPG) {
    //     this.$message.error("上传头像图片只能是 JPG 格式!");
    //   }
    //   if (!isLt2M) {
    //     this.$message.error("上传头像图片大小不能超过 2MB!");
    //   }
    //   return isJPG && isLt2M;
    // },
  },
};
</script>

<style lang="scss" scoped>
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  width: 1050px;
  margin: 30px 10px;
  //    background-color: #f2f2f2;
}

.el-input {
  width: 300px;
}
.el-form {
  margin-left: 30px;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  // overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.avatar {
  width: 100px;
  height: 100px;
  display: block;
}
.avatar-uploader-icon[data-v-0e2542b8]{
  border: 1px dashed #ccc ;
}
.up{
  display: flex;
  margin-left: 70px;
  font-size: 16px;
  color: #606266;
  span{
    margin-right: 10px;
  }
}
</style>